Skip to content

Conversation

@hannyle
Copy link
Contributor

@hannyle hannyle commented Mar 6, 2023

Description

Replacing Buefy Taginput and Taglist component by our own component based on csc-ui Tag

Related issues

GL issue 944

Type of change

  • New feature (non-breaking change which adds functionality)

Changes Made

  • Created TagInput component to replace Buefy <b-taginput> component and be reusable in other components/views
  • Removed codes no longer needed
  • Updated Changelog

Testing

  • Tests do not apply

Mentions

As part of PR #1006
I didn't make changes for SharedDetails component since it is removed

@hannyle hannyle force-pushed the feature/replace-buefy-taginput branch from e6db84e to daf97e9 Compare March 6, 2023 08:54
@hannyle hannyle changed the title WIP: Create TagInput component and replace Buefy Taginput WIP: Replace Buefy Taginput Mar 6, 2023
@hannyle hannyle changed the title WIP: Replace Buefy Taginput Replace Buefy Taginput component Mar 6, 2023
@hannyle hannyle self-assigned this Mar 6, 2023
@hannyle hannyle added enhancement New feature or request debt Technical debt labels Mar 6, 2023
@hannyle hannyle changed the title Replace Buefy Taginput component Replace Buefy Taginput and Taglist component Mar 6, 2023
blankdots
blankdots previously approved these changes Mar 6, 2023
Copy link
Contributor

@csc-felipe csc-felipe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is really nice!

Just a couple of minor comments:

  • It would be nice if the taginput would have an on-focus border like the other inputs
  • It would also be nice if the keys that trigger a tag to be created would continue to be the same
  • I noticed there was still a b-taglist in components/SharedDetails.vue. Could it be changed as well?

@hannyle hannyle force-pushed the feature/replace-buefy-taginput branch from daf97e9 to 7828be8 Compare March 7, 2023 07:30
@hannyle
Copy link
Contributor Author

hannyle commented Mar 7, 2023

Just a couple of minor comments:

  • It would be nice if the taginput would have an on-focus border like the other inputs

--> This is now fixed!

  • It would also be nice if the keys that trigger a tag to be created would continue to be the same

--> I brought back all the Keys that we previously had :)

  • I noticed there was still a b-taglist in components/SharedDetails.vue. Could it be changed as well?

--> I explained this in the Mentions, the SharedDetails.vue will be removed in the end so I don't think it's necessary to update this component

@hannyle hannyle requested a review from csc-felipe March 7, 2023 07:34
@hannyle hannyle dismissed csc-felipe’s stale review March 7, 2023 07:35

I fixed and commented about your requested changes :)

@csc-felipe
Copy link
Contributor

--> I explained this in the Mentions, the SharedDetails.vue will be removed in the end so I don't think it's necessary to update this component

Sorry I missed that

csc-felipe
csc-felipe previously approved these changes Mar 7, 2023
Copy link
Contributor

@csc-felipe csc-felipe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@csc-felipe csc-felipe dismissed their stale review March 7, 2023 09:44

as we're migrating to csc-ui, let's use darker borders by default, as it is in csc-ui

@hannyle
Copy link
Contributor Author

hannyle commented Mar 7, 2023

TagInput's border color is set to dark color by default now.

@hannyle hannyle requested a review from csc-felipe March 7, 2023 10:03
@hannyle hannyle merged commit f1eb120 into devel Mar 7, 2023
@hannyle hannyle deleted the feature/replace-buefy-taginput branch March 7, 2023 10:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

debt Technical debt enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants